import { ReactNode } from 'react';

/**
 * Label
 */
export default function Label({ children, required }: { children: ReactNode; required?: boolean; }) {
	const cls = required ? 'required cls001 form-label tr' : 'cls001 form-label tr';
	return <>
		<td>
			<span className={cls}>{children}</span>
		</td>
		<style jsx>{`
.cls001{
	float: right;
	font-size: 18px;
	margin-left: 20px;
	line-height: 40px;
}
.cls001::after{
	content: ':';
}
`}</style>
	</>;
}
